extends ../layout

	
block head
	//http://vitalets.github.io/bootstrap-datepicker/
	script(type='text/javascript', src='js/bootstrap-datepicker.js')
	script(type='text/javascript', src='js/locales/bootstrap-datepicker.es.js',charset="UTF-8")	
	script(type='text/javascript', src='js/vitrinia/setting-user.js')
	link(rel='stylesheet', href='/stylesheets/vitrinia/index.css')
	link(rel='stylesheet', href='/stylesheets/datepicker.css')
	
block content_barra
	.nav-collapse.collapse
		ul.nav
		block barra_vitrinia
		.btn-group.pull-right
			a.btn.dropdown-toggle(data-toggle='dropdown', href='#')
				i.icon-user
				|	#{user.username}	
				span.caret
			ul.dropdown-menu
				li
					a(href='#')
						i.icon-wrench
						|	Configuración
				li.divider
				li
					a(href='/logout')
						i.icon-share
						|	Cerrar sesión
block content
	#content
		.container
			.row
				.span6.offset3
					form.form-horizontal
						fieldset
							legend Perfil
							.control-group
								label.control-label		Usuario
								.controls
									input.input-block-level(type="text",required,value="#{user.username}",name="user")
														.control-group
							.control-group
								label.control-label		Contraseña
								.controls
									input.input-block-level(type="password",required,value="#{user.username}",name="password")
							.control-group
								label.control-label		Repetir contraseña
								.controls
									input.input-block-level(type="password",required,value="#{user.username}",name="password")
							
							//http://www.eyecon.ro/bootstrap-datepicker/
							.control-group
								label.control-label		Fecha de nacimiento
								.controls
									input.input-block-level.datepicker(type="text",id="date-birth-day",data-date-format="dd/mm/yyyy",name="dateOfBirth")
							.control-group
								label.control-label		E-Mail
								.controls
									input.input-block-level(type="text",name="eMail")
							.control-group
								label.control-label		Sexo
								.controls
									select(name="sex")
										option(value="Masculino")	Masculino
										option(value="Fememino")	Fememino
							.control-group
								label.control-label		Región
								.controls
									select(name="region",id="region")
										option(value="-1")	--Seleccione--
										option(value="Arica y Parinacota")	Arica y Parinacota
										option(value="Tarapacá")	Tarapacá
										option(value="Antofagasta")		Antofagasta
										option(value="Atacama")		Atacama
										option(value="Coquimbo")	Coquimbo
										option(value="Valparaíso")	Valparaíso
										option(value="Libertador General Bernardo O'Higgins")	Libertador General Bernardo O'Higgins
										option(value="Maule")	Maule
										option(value="Bio bío")		Bio bío
										option(value="Araucanía")	Araucanía
										option(value="Los Ríos")	Los Ríos
										option(value="Los lagos")	Los lagos
										option(value="Aysén del General Carlos Ibáñez del Campo")	Aysén del General Carlos Ibáñez del Campo
										option(value="Magallanes y de la Antártica Chilena")	Magallanes y de la Antártica Chilena
										option(value="Metropolitana de Santiago")	Metropolitana de Santiago
							.control-group
								label.control-label		Ciudad
								.controls
									select(name="city")
										option(value="-1")	--Seleccione--	
							.control-group
								label.control-label		Comuna
								.controls
									select(name="commune")
										option(value="-1")	--Seleccione--									
							.control-group
								label.control-label		Calle/Villa
								.controls
									input.input-block-level(type="text",name="street")
							.control-group
								label.control-label		Numero
								.controls
									input.input-block-level(type="text",name="number")
							.control-group
								label.control-label		Categorias
								.controls
									table.table.table-striped.table-bordered
										tr
											td
												label.checkbox.inline	
													input(type="checkbox",value="lbl")
													|	Linea blanca
											td
												label.checkbox.inline	
													input(type="checkbox",value="tec")
													|	Tecnología
											td 											
												label.checkbox.inline	
													input(type="checkbox",value="dec")
													|	Decohogar
										tr
											td												
												label.checkbox.inline	
													input(type="checkbox",value="mue")
													|	Muebles
											td
												label.checkbox.inline	
													input(type="checkbox",value="dor")
													|	Dormitorio
											td
												label.checkbox.inline	
													input(type="checkbox",value="inf")
													|	Infantil
										tr
											td												
												label.checkbox.inline	
													input(type="checkbox",value="dep")
													|	Deportes
											td
												label.checkbox.inline	
													input(type="checkbox",value="bel")
													|	Belleza
											td
												label.checkbox.inline	
													input(type="checkbox",value="mod")
													|	Moda
										tr
											td												
												label.checkbox.inline	
													input(type="checkbox",value="cal")
													|	Calzado
											td
												label.checkbox.inline	
													input(type="checkbox",value="lib")
													|	Libros
											td
												label.checkbox.inline	
													input(type="checkbox",value="fer")
													|	Ferreteria
										tr
											td											
												label.checkbox.inline	
													input(type="checkbox",value="ali")
													|	Aire libre
											td
												label.checkbox.inline	
													input(type="checkbox",value="con")
													|	Construcción
											td
														
																									
							.form-actions
								button.btn.btn-primary(type="button",style="margin-right:10px;")	Aceptar
								button.btn(type="button")	Cancelar
		
		
	#footer
